<!-- modal template -->
<div class="modal-header" xmlns="http://www.w3.org/1999/html">
<h4 class="modal-title" id="myModalLabel">{{i18n.role_add_title}}</h4>
</div>
<form   class="form-horizontal"  name="roelAddForm" novalidate="novalidate" >
<div class="modal-body">
<div class="row" style="padding:0;">
      <div class="col-md-12">
            <div class="form-group">
                  <label class="col-md-2 control-label require">{{i18n.role_rolesName}}</label>
                  <div class="col-md-4 has-feedback">
                        <input type="text" name="rolesName"    ng-required="true"   class="input-sm form-control" required   ng-model="roles.rolesName" ng-required="true" />
                  </div>
                  <label class="col-md-2 control-label require">{{i18n.role_rolesEnable}}</label>
                   <div class="col-md-4 has-feedback">
                         <label class="radio-inline">
							 <input name="rolesEnable" type="radio" value="1" ng-model="roles.rolesEnable" ng-checked="true" required>
									    {{i18n.status_enable}}
									</label>
									<label class="radio-inline">
									  <input name="rolesEnable" type="radio" value="0" ng-model="roles.rolesEnable">
									  {{i18n.status_unable}}
								</label>
								
                  </div>
               </div>
          <div class="hr-line-dotted"></div>
              <div class="form-group">
                 <label class="col-md-2 control-label">{{i18n.role_rolesDesc}}</label>
                  <div class="col-md-4 has-feedback">
                       <input type="text" name="rolesRemark" class="input-sm form-control" ng-model="roles.rolesRemark" />
                  </div>
            </div>
      </div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" ng-click="cancel()">{{i18n.btn_cancel}}</button>
<button type="submit" ng-disabled="roelAddForm.$invalid" class="btn btn-primary" ng-click="ok()">{{i18n.btn_ok}}</button>
</div>
</form>
